<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>摸鱼工作室</title>
    <link rel="stylesheet" href="./lib/normalize/normalize.css">
    <link rel="stylesheet" href="./lib/font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="./lib/swiper-3.3.1/css/swiper.min.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/main.css">
</head>

<body>
    <!--header-->
    <header>
        <div class="top">
            <nav>
                <div class="logo fl">
                    <a href="javascript:;">
                        <img src="./img/logo.png" alt="Logo">
                        <span class="hide txlogo"><span>摸 鱼</span> 科 技</span>
                    </a>
                </div>
                <ul class="menu list-unstyled fl">
                    <li class="active">
                        <a href="javascript:;">
                            <span class="zh">首页</span>
                            <span class="en">Home</span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <span class="zh">我们</span>
                            <span class="en">About</span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <span class="zh">服务</span>
                            <span class="en">Server</span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <span class="zh">案例</span>
                            <span class="en">Case</span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <span class="zh">动态</span>
                            <span class="en">News</span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <span class="zh">客户</span>
                            <span class="en">Client</span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <span class="zh">联系</span>
                            <span class="en">Contact</span>
                        </a>
                    </li>
                </ul>
                <div class="tel fr">
                    <i class="fa fa-phone fa-2x"></i>
                    <span class="number">/ 18081887967</span>
                </div>
            </nav>
        </div>
    </header>
    <!-- /.header-->
    <!--banner-->
    <div class="bannerwrap">
        <div class="banner">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <a href="javascript:;" class="item" style="background-image: url(./img/banner1.jpg)"></a>
                    </div>
                    <div class="swiper-slide">
                        <a href="javascript:;" class="item" style="background-image: url(./img/banner2.jpg)"></a>
                    </div>
                    <div class="swiper-slide">
                        <a href="javascript:;" class="item" style="background-image: url(./img/banner3.jpg)"></a>
                    </div>
                    <div class="swiper-slide">
                        <a href="javascript:;" class="item" style="background-image: url(./img/banner4.jpg)"></a>
                    </div>
                </div>
                <!-- 如果需要分页器 -->
                <div class="swiper-pagination swiper-pagination-white"></div>
                <!-- 如果需要导航按钮 -->
                <div class="swiper-button-prev swiper-button-white"></div>
                <div class="swiper-button-next swiper-button-white"></div>
            </div>
        </div>
    </div>
    <!-- / banner-->
    <!--container-wrap-->
    <div class="container-wrap">
        <!--公司信息-->
        <div class="company">
            <div class="w1000" id="js_tabs">
                <div class="lside fl">
                    <aside class="js_tab_nav">
                        <ul class="list-unstyled js_clist">
                            <li class="active">
                                <a href="javascript:;">公司简介</a>
                                <div class="hov"></div>
                            </li>
                            <li>
                                <a href="javascript:;">发展历程</a>
                                <div class="hov"></div>
                            </li>
                            <li>
                                <a href="javascript:;">公司理念</a>
                                <div class="hov"></div>
                            </li>
                            <li>
                                <a href="javascript:;">摸鱼团队</a>
                                <div class="hov"></div>
                            </li>
                            <li>
                                <a href="javascript:;">摸鱼日记</a>
                                <div class="hov"></div>
                            </li>
                        </ul>
                    </aside>
                </div>
                <div class="rcontent fr">
                    <div class="com" style="display: block">
                        <div class="bg1"></div>
                        <div class="bg2"></div>
                        <div class="itxt">
                            <h1 class="title1">摸鱼工作室</h1>
                            <h3 class="title2">MOYU.WEBSERVER</h3>
                            <div class="text">
                                <p>成都摸鱼科技网络工作室，诞生于一个志同道合的信念和执着的追求，主力成员均受过设计学、 美术学、计算机专业教育。我们拥有充满朝气的年轻团队，积极乐观，创造和谐的工作氛围，让工作成为一种快乐的生活是我们追求的理念，将视觉感知和艺术内涵融入到设计中，我们相信，洋溢着思想的设计才是真正的设计，充实着思想的作品才是真正的作品。工作室成员为了共同的梦想走在一起，除了个性，我们强调的还有沟通；除了感性与激情，我们强调的还有冷静、理智和清醒的方向；除了设计，我们强调的还有设计背后的思考，成都摸鱼科技网络工作室，一个充满朝气的团队，一个用真心，用技术，用创意感动每一位客户的团队，这是我们努力的目标。造一个全新的网络品牌形象。</p>
                            </div>
                        </div>
                    </div>
                    <div class="com" style="display: none;">
                        <div class="bg1"></div>
                        <div class="bg2"></div>
                        <div class="itxt">
                            <h1 class="title1">发展历程</h1>
                            <h3 class="title2">MOYU.WEBSERVER</h3>
                            <div class="text">
                                <p>成都摸鱼科技网络工作室，诞生于一个志同道合的信念和执着的追求，主力成员均受过设计学、 美术学、计算机专业教育。我们拥有充满朝气的年轻团队，积极乐观，创造和谐的工作氛围，让工作成为一种快乐的生活是我们追求的理念，将视觉感知和艺术内涵融入到设计中，我们相信，洋溢着思想的设计才是真正的设计，充实着思想的作品才是真正的作品。工作室成员为了共同的梦想走在一起，除了个性，我们强调的还有沟通；除了感性与激情，我们强调的还有冷静、理智和清醒的方向；除了设计，我们强调的还有设计背后的思考，成都摸鱼科技网络工作室，一个充满朝气的团队，一个用真心，用技术，用创意感动每一位客户的团队，这是我们努力的目标。造一个全新的网络品牌形象。</p>
                            </div>
                        </div>
                    </div>
                    <div class="com" style="display: none;">
                        <div class="bg1"></div>
                        <div class="bg2"></div>
                        <div class="itxt">
                            <h1 class="title1">公司理念</h1>
                            <h3 class="title2">MOYU.WEBSERVER</h3>
                            <div class="text">
                                <p>成都摸鱼科技网络工作室，诞生于一个志同道合的信念和执着的追求，主力成员均受过设计学、 美术学、计算机专业教育。我们拥有充满朝气的年轻团队，积极乐观，创造和谐的工作氛围，让工作成为一种快乐的生活是我们追求的理念，将视觉感知和艺术内涵融入到设计中，我们相信，洋溢着思想的设计才是真正的设计，充实着思想的作品才是真正的作品。工作室成员为了共同的梦想走在一起，除了个性，我们强调的还有沟通；除了感性与激情，我们强调的还有冷静、理智和清醒的方向；除了设计，我们强调的还有设计背后的思考，成都摸鱼科技网络工作室，一个充满朝气的团队，一个用真心，用技术，用创意感动每一位客户的团队，这是我们努力的目标。造一个全新的网络品牌形象。</p>
                            </div>
                        </div>
                    </div>
                    <div class="com" style="display: none;">
                        <div class="bg1"></div>
                        <div class="bg2"></div>
                        <div class="itxt">
                            <h1 class="title1">摸鱼团队</h1>
                            <h3 class="title2">MOYU.WEBSERVER</h3>
                            <div class="text">
                                <p>成都摸鱼科技网络工作室，诞生于一个志同道合的信念和执着的追求，主力成员均受过设计学、 美术学、计算机专业教育。我们拥有充满朝气的年轻团队，积极乐观，创造和谐的工作氛围，让工作成为一种快乐的生活是我们追求的理念，将视觉感知和艺术内涵融入到设计中，我们相信，洋溢着思想的设计才是真正的设计，充实着思想的作品才是真正的作品。工作室成员为了共同的梦想走在一起，除了个性，我们强调的还有沟通；除了感性与激情，我们强调的还有冷静、理智和清醒的方向；除了设计，我们强调的还有设计背后的思考，成都摸鱼科技网络工作室，一个充满朝气的团队，一个用真心，用技术，用创意感动每一位客户的团队，这是我们努力的目标。造一个全新的网络品牌形象。</p>
                            </div>
                        </div>
                    </div>
                    <div class="com" style="display: none;">
                        <div class="bg1"></div>
                        <div class="bg2"></div>
                        <div class="itxt">
                            <h1 class="title1">摸鱼日记</h1>
                            <h3 class="title2">MOYU.WEBSERVER</h3>
                            <div class="text">
                                <p>成都摸鱼科技网络工作室，诞生于一个志同道合的信念和执着的追求，主力成员均受过设计学、 美术学、计算机专业教育。我们拥有充满朝气的年轻团队，积极乐观，创造和谐的工作氛围，让工作成为一种快乐的生活是我们追求的理念，将视觉感知和艺术内涵融入到设计中，我们相信，洋溢着思想的设计才是真正的设计，充实着思想的作品才是真正的作品。工作室成员为了共同的梦想走在一起，除了个性，我们强调的还有沟通；除了感性与激情，我们强调的还有冷静、理智和清醒的方向；除了设计，我们强调的还有设计背后的思考，成都摸鱼科技网络工作室，一个充满朝气的团队，一个用真心，用技术，用创意感动每一位客户的团队，这是我们努力的目标。造一个全新的网络品牌形象。</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--公司信息-->
        <!--team-->
        <div class="team">
            <div class="swiper-container" id="swiper-team">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="taem_item">
                            <div class="pe_pic">
                                <img src="img/pe_tx_1.jpg" alt="">
                            </div>
                            <div class="pe_info">
                                <h2 class="pe_name">逮猫</h2>
                                <h3 class="pe_title">好耍不过人耍人</h3>
                                <section class="pe_text">
                                    原谅我这一生不羁放纵爱自由。
                                </section>
                                <p class="pe_tip">
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="taem_item">
                            <div class="pe_pic">
                                <img src="img/pe_tx_1.jpg" alt="">
                            </div>
                            <div class="pe_info">
                                <h2 class="pe_name">逮猫</h2>
                                <h3 class="pe_title">好耍不过人耍人</h3>
                                <section class="pe_text">
                                    原谅我这一生不羁放纵爱自由。
                                </section>
                                <p class="pe_tip">
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="taem_item">
                            <div class="pe_pic">
                                <img src="img/pe_tx_1.jpg" alt="">
                            </div>
                            <div class="pe_info">
                                <h2 class="pe_name">逮猫</h2>
                                <h3 class="pe_title">好耍不过人耍人</h3>
                                <section class="pe_text">
                                    原谅我这一生不羁放纵爱自由。
                                </section>
                                <p class="pe_tip">
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="taem_item">
                            <div class="pe_pic">
                                <img src="img/pe_tx_1.jpg" alt="">
                            </div>
                            <div class="pe_info">
                                <h2 class="pe_name">逮猫</h2>
                                <h3 class="pe_title">好耍不过人耍人</h3>
                                <section class="pe_text">
                                    原谅我这一生不羁放纵爱自由。
                                </section>
                                <p class="pe_tip">
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="taem_item">
                            <div class="pe_pic">
                                <img src="img/pe_tx_1.jpg" alt="">
                            </div>
                            <div class="pe_info">
                                <h2 class="pe_name">逮猫</h2>
                                <h3 class="pe_title">好耍不过人耍人</h3>
                                <section class="pe_text">
                                    原谅我这一生不羁放纵爱自由。
                                </section>
                                <p class="pe_tip">
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 如果需要导航按钮 -->
                <div class="swiper-button-prev swiper-button-white"></div>
                <div class="swiper-button-next swiper-button-white"></div>
            </div>
        </div>
        <!-- /team-->
        <!--案例-->
        <div class="case-wrap">
            <div class="case_focus">
                <div class="w9999">
                    <div class="case-list">
                        <div class="item">
                            <div class="item2">
                                <img src="./img/item_case.png" alt="">
                            </div>
                        </div>
                        <div class="item">
                            <div class="item2">
                                <img src="./img/item.png" alt="">
                                <div class="itm">
                                    <a href="javascript:;">
                                        <h4 class="case_name"></h4>
                                        <p class="case_http"></p>
                                        <p class="case_time"></p>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--/案例-->
    </div>
    <!-- / container-wrap-->
    <script src="./lib/jquery1.12.4/jquery.min.js"></script>
    <script src="./lib/swiper-3.3.1/js/swiper.min.js"></script>
    <script src="./js/header.js"></script>
    <script src="./js/banner.js"></script>
    <script src="./js/tabs.js"></script>
    <script src="./js/team.js"></script>
    <script>
    </script>
</body>

</html>